<template>
	<view>
		<uv-navbar
			:leftIconColor="navstyle.txtColor"
			:titleStyle="titleStyle"
			:title="navstyle.title"
			:leftIcon="navstyle.leftIcon"
			:bgColor="navstyle.bgColor"
			:fixed="false"
			@leftClick="leftClick"
			:safeAreaInsetTop="false">
		</uv-navbar>
		<view class="card_li">
			<view class="card_line" @click="bankClick">
				<view class="lineka">
					<view class="kanked"><image  class="uni-image"> </image></view>
					<view class="luuinma">银行卡</view>
				</view>
				<view class="domgghg">立即添加银行卡>></view>
			</view>
			<view class="card_line" @click="qrcodeClick">
				<view class="lineka">
					<view class="kanked"><image  class="uni-image"> </image></view>
					<view class="luuinma">收款二维码</view>
				</view>
				<view class="domgghg">立即添加收款二维码>></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				navstyle: {
					title: "收款方式",
					txtColor: "#333333",
					bgColor: "#FFFFFF",
					leftIcon: "arrow-left",
				},
				titleStyle: {
					fontWeight: 700
				},
			}
		},
		methods:{
			leftClick() {
				uni.reLaunch({
				  url: '/pages/index/user' // 替换成上一页的路径
				});
			},
			bankClick(){
				uni.navigateTo({
				  url: '/pages/bonus/card_list'
				});
			},
			qrcodeClick(){
				uni.navigateTo({
				  url: '/pages/bonus/qrcode_list'
				});
			}
		}
	}
</script>

<style>
	.page{
		width: 100%;
		height: 100%;
	    background-color: #fafafa;
	}
	.card_li{
	    display: flex;
	    flex-direction: column;
	}
	.card_line{
	    width: 90%;
	    height: 169px;
	    margin: 10px auto;
	    background-color: #d66c6b;
	    border-radius: 10px;
	    flex-direction: column;
	    display: flex;
	    justify-content: center;
	    justify-content: flex-end;
	    background-size: 100% 100%;
	}
	.lineka{
	    height: 50px;
	    margin: auto 0;
	    display: flex;
	    align-items: center;
	}
	.domgghg{
	    width: 95%;
	    padding: 0 0 10px 0;
	    flex-direction: column-reverse;
	    display: flex;
	    align-items: flex-end;
	    font-size: 16px;
	    color: #fff;
	}
	.luuinma{
	    font-size: 20px;
	    color: #fff;
	    font-weight: 700;
	}
	.kanked image{
	    width: 37px;
	    height: 37px;
	    margin-right: 10px;
	    margin-left: 10px;
	}
</style>